import React from "react";
import { useTranslation } from "react-i18next";
import { Card, Input, Typography, Radio, Select } from "antd";
import StudyInfo from "./StudyInfo";

const QualityControl = props => {
  const { details } = props;
  const { t } = useTranslation("Measurements");

  const onChange = () => {

  };

  return (<div className="quality-control">
    <StudyInfo/>
    <Card>
      <Typography.Title level={5}>{t("Quality Assessment")}</Typography.Title>
      <Radio.Group onChange={onChange} value={value}>
        <Radio value={1}>{t("Qualified")}</Radio>
        <Radio value={0}>{t("Unqualified")}</Radio>
      </Radio.Group>
      <Select onChange={onChange} value={0}>
        <Select.Option value={0}>Fuzzy</Select.Option>
      </Select>
      <Input.TextArea rows={10} onChange={onChange} value={details} disabled={true}/>
    </Card>
  </div>);
}

export default QualityControl;
